var list = document.querySelector('#wag')
var arr = [
    {
        tex: "模拟",
        num: "142款",
        des: "365种身份随时变",
    },
    {
        tex: "竞技",
        num: "53款",
        des: "体验最痛快的竞技快感!",
    },
    {
        tex: "动作",
        num: "554款",
        des: "热血满满 磨拳擦脚!",
    },
    {
        tex: "卡牌",
        num: "679款",
        des: "靠实力，也靠运气",
    },
    {
        tex: "角色",
        num: "413款",
        des: "来拯救世界吧少年",
    },
    {
        tex: "策略",
        num: "367款",
        des: "化身军师，雄策伟略",
    },
    {
        tex: "射击",
        num: "244款",
        des: "咦，好想射点什么",
    },
    {
        tex: "体育",
        num: "84款",
        des: "只给喜爱运动的你",
    },
    {
        tex: "回合",
        num: "333款",
        des: "来大战300回合吧",
    },
    {
        tex: "格斗",
        num: "257款",
        des: "我要打10个",
    },
    {
        tex: "即时",
        num: "557款",
        des: "说走就走，要战便战",
    },
    {
        tex: "射击",
        num: "244款",
        des: "",
    }
]
var sky = ''
arr.map(itme => {
    sky+=`<div class="cans">
        <h4>
            <a href="">${itme.tex}</a>
        </h4>
        <p class="num">${itme.num}</p>
        <p class="des">${itme.des}</p>
    </div>`
})
list.innerHTML=sky


var list1 = document.querySelector('#ttlie')
var arr1 = [
    {
        tex: "3D",
        num: "1107款",
        des: "最逼真的3D画面",
    },
    {
        tex: "养成",
        num: "1款",
        des: "主人，欢迎回来哦!",
    },
    {
        tex: "女生",
        num: "283款",
        des: "进可御姐，退可萌妹",
    },
    {
        tex: "男生",
        num: "656款",
        des: "型男必备，娘炮不玩",
    },
    {
        tex: "动漫",
        num: "289款",
        des: "结交基友一同前行",
    },
    {
        tex: "西游",
        num: "168款",
        des: "猴哥,师傅又被捉了",
    },
    {
        tex: "三国",
        num: "507款",
        des: "三国统一,就此一战",
    },
    {
        tex: "魔幻",
        num: "632款",
        des: "万千变幻,不明觉厉",
    },
    {
        tex: "仙侠",
        num: "368款",
        des: "一战成魔，修炼成仙",
    },
    {
        tex: "历史",
        num: "252款",
        des: "亲身上演古代穿越剧",
    },
    {
        tex: "横版",
        num: "94款",
        des: "爽快操作,火热打击",
    },
    {
        tex: "武侠",
        num: "291款",
        des: "不打炮,只打架",
    }
]
var sky1 =''
arr1.map(itme => {
    sky1+=`<div class="cans">
        <h4>
            <a href="">${itme.tex}</a>
        </h4>
        <p class="num">${itme.num}</p>
        <p class="des">${itme.des}</p>
    </div>`
})
list1.innerHTML=sky1


var list2 = document.querySelector('#tlies')
var arr2 = [
    {
        tex: "休闲益智",
        num: "151款",
        des: "地铁与公交不二选择",
    },
    {
        tex: "休闲养成",
        num: "1款",
        des: "主人,欢迎回来哦!",
    },
    {
        tex: "多人副本",
        num: "33款",
        des: "一起打副本，加倍的乐趣",
    },
    {
        tex: "卡牌收集",
        num: "164款",
        des: "靠实力,也靠运气",
    },
    {
        tex: "横版格斗",
        num: "285款",
        des: "爽快操作,火热打击",
    },
    {
        tex: "回合制",
        num: "333款",
        des: "猴哥,来大战三百回合吧",
    }
]
var sky2 =''
arr2.map(itme => {
    sky2+=`<div class="cans">
        <h4>
            <a href="">${itme.tex}</a>
        </h4>
        <p class="num">${itme.num}</p>
        <p class="des">${itme.des}</p>
    </div>`
})
list2.innerHTML=sky2

var list3 = document.querySelector('#text-t1')
var arr3 = [
    {
        style:"background-position: 0px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/1/28/207161840_.gif",
        name: "影之刃3",
        text: "公测 | 2.0GB",
    },
    {
        style:"background-position: -55px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/2/5/211751343_.gif",
        name: "神将三国",
        text: "不删档内测 | 241.8M",
    },
    {
        style:"background-position: -110px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/2/3/210032140_.png",
        name: "上古王冠",
        text: "公测 | 1.1GB",
    },
    {
        style:"background-position: -165px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/1/19/202771566_.png",
        name: "机动都市阿尔法",
        text: "公测 | 2.0GB",
    },
    {
        style:"background-position: -220px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/2/8/213901808_.png",
        name: "神陵武装",
        text: "公测 | 632.0M",
    },
    {
        style:"background-position: -275px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/2/4/210799528_.png",
        name: "奥特曼宇宙",
        text: "运营 | 815.2M",
    },
    {
        style:"background-position: -330px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/1/11/200558547_.png",
        name: "蓝月传奇2",
        text: "公测 | 1.2GB",
    },
    {
        style:"background-position: -385px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/1/21/203831732_.gif",
        name: "重生细胞",
        text: "即将测试 | 875.7M",
    },
    {
        style:"background-position: -440px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/1/14/201366101_.png",
        name: "太空狼人杀",
        text: "运营 | 151.8M",
    },
    {
        style:"background-position: -495px 0px;",
        img: "http://image.9game.cn/s/9game/g/2021/1/15/201636519_.png",
        name: "一千克拉女王",
        text: "公测 | 288.0M",
    }
]
var sky3 =''
arr3.map(itme => {
    sky3+=`<li>
    <i class="corner" style="${itme.style}"></i>
    <a href="" class="poker-img">
        <img src="${itme.img}" alt="">
        <span></span>
    </a>
    <div class="poker-qrcode"></div>
    <p class="poker-name"><a href="">${itme.name}</a></p>
    <p class="${itme.text}"</p>
    <div class="fav">
        <span class="fav-good"></span>
        <span class="fav-good"></span>
        <span class="fav-good"></span>
        <span class="fav-good"></span>
        <span class="fav-bad"></span>
    </div>
    <a href="" class="poker-a">立即下载</a>
</li>`
})
list3.innerHTML=sky3


var list4 = document.querySelector('#try-e')
var arr4 = [
    {
        img: "https://image.9game.cn/s/9game/g/2021/2/5/211700811_.png",
        name: "三国志战略版",
        time: "2021-02-03",
        ope: "公测",
        type: "策略",
        score: "0",
        num: "1",
        class: "try-yes",
        receive: "礼包领取",
    },
    {
        img: "https://image.9game.cn/s/9game/g/2021/2/2/209480974_.png",
        name: "三国幻想大陆",
        time: "2021-02-05",
        ope: "公测",
        type: "卡牌",
        score: "0",
        num: "2",
        class: "try-yes",
        receive: "礼包领取",
    },
    {
        img: "https://image.9game.cn/s/9game/g/2020/9/14/176061045_.gif",
        name: "荒野乱斗",
        time: "2021-01-28",
        ope: "公测",
        type: "射击",
        score: "0",
        num: "0",
        class: "try-no",
        receive: "暂无礼包",
    },
    {
        img: "https://image.9game.cn/s/9game/g/2020/12/25/194398889_.png",
        name: "新神魔大陆",
        time: "2021-02-05",
        ope: "公测",
        type: "角色",
        score: "0",
        num: "4",
        class: "try-yes",
        receive: "礼包领取",
    },
    {
        img: "https://image.9game.cn/s/9game/g/2020/4/14/147224864_.png",
        name: "海岛奇兵",
        time: "2020-11-12",
        ope: "不删档内测",
        type: "策略",
        score: "4.3",
        num: "0",
        class: "try-no",
        receive: "暂无礼包",
    },
    {
        img: "https://image.9game.cn/s/9game/g/2021/1/14/201440450_.png",
        name: "云上城之歌",
        time: "2021-02-19",
        ope: "不删档内测",
        type: "即时",
        score: "0",
        num: "0",
        class: "try-no",
        receive: "暂无礼包",
    },
]
var sky4 =''
arr4.map(itme => {
    sky4+=`<li>
    <div class="try-a">
        <div class="try-a-img">
            <a href=""><img src="${itme.img}" alt=""></a>
        </div>
        <div class="try-text-con">
            <h3><a href="">${itme.name}</a></h3>
            <p><span>上线时间：</span>${itme.time}</p>
            <p><span>运营状态：</span>${itme.ope}</p>
            <p><span>游戏类型：</span>${itme.type}</p>
        </div>
    </div>
    <div class="try-b">
        <div class="try-gift">
            <div>游戏评分：<span>${itme.score}</span></div>
            <div>礼包款数：<span>${itme.num}</span></div>
        </div>
        <div class="try-btn">
            <a href="" class="try-btn-a">游戏下载</a>
            <a href="" class="try-btn-b ${itme.class}">${itme.receive}</a>
        </div>
    </div>
</li>`
})
list4.innerHTML=sky4